<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>课程</title>
    <link rel="stylesheet" href="../css/default.css">
    <script src='../js/jquery-3.2.1.min.js'></script>
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
</head>
<body>
    <div class='header'>
        <header class='s-header'>
            <div class='s-header-logo'>
                <a href="../index.html">
                    <img src="./assets/image/topLogo.png" onerror="error(this,'../assets/image/topLogo.png')" alt="logo" width="100%">
                </a>
            </div>
            <div class='s-header-search'>
                <div class='s-search'>
                    <input type="text" placeholder="请输入关键词" class='s-search-input s-search-input-bd'>
                    <button class='s-search-button s-search-button-bg iconfont icon-suosou pointer'>
                    </button>
                </div>
            </div>
            <div class='s-header-user'>
                <!-- 已登录 -->
                <div class='s-logined' >
                    <p class='s-search-font-color s-logined-menu pointer'>
                        <span class='iconfont icon-yonghu'></span><span class='s-logined-user'>admin</span>
                        <div class='s-logined-menu-item pointer'>
                            <span class='top-jiao'></span>
                            <p><a href='../template/setting.html'>个人设置</a></p>
                            <p><a href='../template/login.html'>退出</a></p>
                        </div>
                    </p>
                </div>
                <!-- 未登录 -->
                <div class='notLogin' style='display:none;'>
                    <span class='login pointer'><a href='login.html'></a>登录</span>
                    <span class='sigin pointer'>注册</span>
                </div>
            </div>
        </header>
        <script>
            function error(e,url){
                e.src=url;
            }
            ;(function(){
                var login=true;//控制是否登录
                if(login){
                    $('.s-logined').show();
                    $('.notLogin').hide();
                }else{
                    $('.s-logined').hide();
                    $('.notLogin').show();
                }
                var show=false;
                $('.s-logined-menu').on('click',function(){
                    show=!show;
                    if(show){
                        $('.s-logined-menu-item').show();
                    }else{
                        $('.s-logined-menu-item').hide();
                    }
                })
            })()
        </script>
    </div>
    <div class='search-item'>
        <ul class='clearFiex'>
            <li><a href='../index.html'>首页</a></li>
            <li>找课程</li>
            <li>授课教师</li>
            <li>合作企业</li>
            <li>开班信息</li>
            <li>热门咨询</li>
            <li class='vip main-font-color'>会员专享</li>
        </ul>    
    </div>
    <!-- 主体部分 -->
    <div class='player'>
        <p class='player-Breadcrumb'><span>基础入门</span> > <span>网络基础</span> > <span>初级</span> > <span class='main-font-color'>课程标题</span> </p>
        <div class='player-main'>
            <div class='player-title'>视频标题视频标题--测试标题</div>
            <div class='player-video'>
                <video src="http://www.w3school.com.cn/i/movie.ogg" width="100%"></video>
                <button class='video-button'>小试身手</button>
            </div>
            <div class='right-menu iconfont'>
                <div>
                    <span class='right-menu-title'>课程目录</span>
                    <div class='right-menu-item'>
                        <span class='right-menu-item-title'>
                            第1章 基础
                        </span>
                        <ul>
                            <li class='play-active'>第一节 入门</li>
                            <li>第二节 测试</li>
                            <li>第三节 基础</li>
                        </ul>
                    </div>
                    <div class='right-menu-item'>
                        <span class='right-menu-item-title'>
                            第2章 基础
                        </span>
                        <ul>
                            <li>第一节 入门</li>
                        </ul>
                    </div>
                    <div class='right-menu-item'>
                        <span class='right-menu-item-title'>
                            第3章 基础
                        </span>
                        <ul>
                            <li>第一节 入门</li>
                            <li>第二节 测试</li>
                            <li>第三节 基础</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class='footer'>
        <div class='foot footer-background'>
            <div class='footer-main'>
                <div class='footer-left'>
                    <!-- 左边logo和 关于我们 等 -->
                    <div class='footer-logo'>
                        <img src="./assets/image/foot-logo.png" onerror="error(this,'../assets/image/foot-logo.png')" alt="logo" width="100%">
                    </div>
                    <div class='footer-about footer-font-color'>
                        <p class='about-us'>
                            <span><a href='../template/about-us.html'>关于我们</a></span>
                            <b class='footer-font-background'></b>
                            <span class='conect-us pointer'>联系我们</span>
                            <b class='footer-font-background'></b>
                            <span><a href='http://www.baidu.com'>隐私声明</a></span>
                            <b class='footer-font-background'></b>
                            <span><a href='http://www.baidu.com'>法律公告</a></span>
                        </p>
                        <p class='footer-service'>
                            <span>客服电话：400888888</span>
                            <span>邮箱：bingjiakeji@bingj.com</span>
                        </p>
                    </div>
                    <div class='other-router footer-font-color'>
                        <span>友情链接：</span>
                        <span><a href='http://www.baidu.com'>各大网站链接</a></span>
                        <span><a href='http://www.baidu.com'>各大网站链接</a></span>
                        <span><a href='http://www.baidu.com'>各大网站链接</a></span>
                    </div>
                </div>
                <div class='footer-right'>
                    <!-- 右边的二维码 -->
                    <div class='footer-code'>
                        <img src="./assets/image/code.png" onerror="error(this,'../assets/image/code.png')" alt="code" width="70%">
                    </div>
                    <p class='footer-font-color us'>关注我们</p>
                </div>
            </div>
            <div class='copy-right'>
                <span class='footer-font-color'>Copyright@</span>
                <span class='company'>2017 Tedu.cn All Right Reserved</span>
            </div>
        </div>
        <script>
            function error(e,url){
                e.src=url;
            }
            $('.conect-us').click(function(){
                alert('请拨打电话：400888888')
            })
        </script>
    </div>
<script src='../js/jquery-3.2.1.min.js'></script>
<script>
    $(document).ready(function(){
        // $('.header').load('./public/header-search.html');
        // $('.footer').load('./public/footer.html');
    })
</script>
</body>
</html>